Ext.onReady(function() {
	new Ext.Viewport({
		layout : "border",
		// title : '发送通知',
		items : [ {
			title : "中央面板",
			region : 'center',
			// collapsible : true,
			// titleCollapse : true,
			width : "100%",
			height : 450,
			items : [ pagesize_combo ]
		} ]
	});
});

var pagesize_combo = new Ext.form.ComboBox({
	fieldLabel : '模版',
	id : 'sModel',
	store : modelStore,
	displayField : 'name',
	pagesize : 2,
	valueField : 'value',
	allowBlank : true,
	triggerAction : 'all',
	emptyText : '请选择',
	width : 300,
	style : "margin-top: 15px; margin-left:25px;",
	selectOnFocus : true,
	forceSelection : true
});


// 下拉列表事件，更改pageSize.重新加载
pagesize_combo.on("select", function(comboBox) {
	modelStore.reload({
		params : {
			start : 0,
			limit : page_toolbar.pageSize
		}
	});
});

// 分页工具栏
var page_toolbar = new Ext.PagingToolbar({
	region : 'south',
	pageSize : 10,
	store : modelStore,
	displayInfo : true,
	displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
	emptyMsg : "没有记录",
	items : [ '&nbsp;&nbsp;每页显示记录数量：', pagesize_combo ]
});

page_toolbar.pageSize = 10;
/**
 * 定义一个短信模版的数据模版
 */
Ext.define('smsModel', {
	extend : 'Ext.data.Model',
	fields : [ {
		name : 'value',
		type : 'string'
	}, {
		name : 'name',
		type : 'string'
	} ]
});

/**
 * 模版下拉框
 */
var modelStore = Ext.create('Ext.data.Store', {
	model : 'smsModel',
	proxy : {
		type : 'ajax',
		url : 'getModel',
		method : 'GET',
		reader : {
			type : 'json',
			root : 'root'
		}
	},
	autoLoad : true
});

var modelCombo = new Ext.form.ComboBox({
	fieldLabel : '模版',
	id : 'sModel',
	store : modelStore,
	displayField : 'name',
	valueField : 'contents',
	allowBlank : true,
	triggerAction : 'all',
	emptyText : '请选择',
	width : 300,
	style : "margin-top: 25px; margin-left:25px;",
	selectOnFocus : true,
	forceSelection : true,
	listeners : {
		select : function(modelCombo) {

			alert(modelCombo.value);
		}
	}
});